<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!-- #fa5b81; -->
<style type="text/css">
#navbar{
	position: fixed;
	bottom: 0;
	width: 100%;
	height:50px;
	background: #ffffff;
	z-index:999;
	opacity: .88;
	border-top: solid;
	border-top-width: 1px;
	border-top-color: #e5e5e5;
	font-family: 微软雅黑;
}

#navbar>ul>li{
	display: block;
	float:left;
	list-style: none;
	padding-top: 8px;
	max-width:33%;
	width: 33%;
	text-align: center;
	font-size: 12px;
}

#navbar>ul>li>a{
	text-decoration:none;
	color: #8a8a8a;
}

/* 禁止选中 */
#navbar>ul>li{
	-moz-user-select: none; /*火狐*/
	-webkit-user-select: none; /*webkit浏览器*/
	-ms-user-select: none; /*IE10*/
	-khtml-user-select: none; /*早期浏览器*/
	user-select: none;
}

#navbar>ul>li>img{
	width: 20px;
	height: 20px;
	display: block;
	margin: 0 auto;
	margin-bottom: 3px;
}

.nav-bar-sel>a{
	color: #8962d0  !important; 
}
</style>

<script>

$(function(){
	$("#navbar>ul>li").click(function(){
		var idx = $("#navbar>ul>li").index(this);
		location.href=$(this).find("a").attr("href");
		return false;
	});
});
</script>
<div id="navbar">
	<ul>
		<li <c:if test="${homePage == 'home' }">class="nav-bar-sel"</c:if>><img src="${staticWechat}/navbar/home<c:if test="${homePage == 'home' }">_sel</c:if>.png"><a href="${wechat}/home">首页</a></li>
		<li <c:if test="${homePage == 'qa' }">class="nav-bar-sel"</c:if>><img src="${staticWechat}/navbar/qa<c:if test="${homePage == 'qa' }">_sel</c:if>.png"><a href="${wechat}/qa">有问必答</a></li>
		<li <c:if test="${homePage == 'me' }">class="nav-bar-sel"</c:if>><img src="${staticWechat}/navbar/me<c:if test="${homePage == 'me' }">_sel</c:if>.png"><a href="${wechat}/me/s/home">我的</a></li>
	</ul>
</div>